<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
  <head>
    <title>微信流程管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8" />

    <link rel="shortcut icon" href="http://www.sucaihuo.com/Public/images/favicon.ico" type="image/x-icon"/>
    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath}/wxflow/res1/assets/css/vendor/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath}/wxflow/res1/assets/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/css/vendor/animate/animate.min.css">
    <link type="text/css" rel="stylesheet" media="all" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/mmenu/css/jquery.mmenu.all.css" />
    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/videobackground/css/jquery.videobackground.css">
  

    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/rickshaw/css/rickshaw.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/morris/css/morris.css">
    <%--选项卡 --%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/tabdrop/css/tabdrop.css">
    <%--编辑器 --%>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/summernote/css/summernote.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/wxflow/res1/assets/js/vendor/summernote/css/summernote-bs3.css">
    
    
    <link href="${pageContext.request.contextPath}/wxflow/res1/assets/css/minimal.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/html5shiv.js"></script>
      <script src="${pageContext.request.contextPath}/wxflow/res1/assets/js/respond.min.js"></script>
    <![endif]-->
  </head>
  <body class="bg-1">

 

    <!-- Preloader -->
    <div class="mask"><div id="loader"></div></div>
    <!--/Preloader -->

    <!-- Wrap all page content here -->
    <div id="wrap">

      


      <!-- Make page fluid -->
      <div class="row">
        




        <!-- Fixed navbar -->
        <div class="navbar navbar-default navbar-fixed-top navbar-transparent-black mm-fixed-top" role="navigation" id="navbar">
          


          <!-- Branding -->
          <div class="navbar-header col-md-2">
            <a class="navbar-brand" href="${pageContext.request.contextPath}/wxflow/index.jsp">
              <strong>微信</strong>流程管理
            </a>
            <div class="sidebar-collapse">
              <a href="#">
                <i class="fa fa-bars"></i>
              </a>
            </div>
          </div>
          <!-- Branding end -->
          <div class="copyrights">&copy;By kenshinbo@163.com</div>


          <!-- .nav-collapse -->
          <div class="navbar-collapse">
                        
            <!-- Page refresh -->
            <ul class="nav navbar-nav refresh">
              <li class="divided">
                <a href="#" class="page-refresh"><i class="fa fa-refresh"></i></a>
              </li>
            </ul>
            <!-- /Page refresh -->

            <!-- Search -->
            <div class="search" id="main-search">
              <i class="fa fa-search"></i> <input type="text" placeholder="查找...">
            </div>
            <!-- Search end -->

			<!-- 顶部菜单 [start] -->
            <!-- Quick Actions -->
            <ul class="nav navbar-nav quick-actions">
              <!-- 任务列表 [start] -->
              <li class="dropdown divided">
                
                <a class="dropdown-toggle button" data-toggle="dropdown" href="${pageContext.request.contextPath}/wxflow/res1/#">
                  <i class="fa fa-tasks"></i>
                  <span class="label label-transparent-black">2</span>
                </a>

                <ul class="dropdown-menu wide arrow nopadding bordered">
                  <li><h1>你有<strong>2</strong>任务</h1></li>
                  <li>
                    <a href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="task-info">
                        <div class="desc">Layout</div>
                        <div class="percent">80%</div>
                      </div>
                      <div class="progress progress-striped progress-thin">
                        <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                          <span class="sr-only">40% Complete (success)</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="task-info">
                        <div class="desc">Schemes</div>
                        <div class="percent">15%</div>
                      </div>
                      <div class="progress progress-striped active progress-thin">
                        <div class="progress-bar progress-bar-cyan" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 15%">
                          <span class="sr-only">45% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="task-info">
                        <div class="desc">Forms</div>
                        <div class="percent">5%</div>
                      </div>
                      <div class="progress progress-striped progress-thin">
                        <div class="progress-bar progress-bar-orange" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 5%">
                          <span class="sr-only">5% Complete (warning)</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="task-info">
                        <div class="desc">JavaScript</div>
                        <div class="percent">30%</div>
                      </div>
                      <div class="progress progress-striped progress-thin">
                        <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 30%">
                          <span class="sr-only">30% Complete (danger)</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li>
                    <a href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="task-info">
                        <div class="desc">Dropdowns</div>
                        <div class="percent">60%</div>
                      </div>
                      <div class="progress progress-striped progress-thin">
                        <div class="progress-bar progress-bar-amethyst" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                          <span class="sr-only">60% Complete</span>
                        </div>
                      </div>
                    </a>
                  </li>
                  <li><a href="${pageContext.request.contextPath}/wxflow/res1/#">Check all tasks <i class="fa fa-angle-right"></i></a></li>
                </ul>

              </li>
			  <!-- 任务列表 [end] -->
			  <!-- 信息列表 [start] -->
              <li class="dropdown divided">
                
                <a class="dropdown-toggle button" data-toggle="dropdown" href="${pageContext.request.contextPath}/wxflow/res1/#">
                  <i class="fa fa-envelope"></i>
                  <span class="label label-transparent-black">1</span>
                </a>

                <ul class="dropdown-menu wider arrow nopadding messages">
                  <li><h1>你有<strong>1</strong>未读消息</h1></li>
                  <li>
                    <a class="cyan" href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="profile-photo">
                        <img src="${pageContext.request.contextPath}/wxflow/res1/assets/images/ici-avatar.jpg" alt />
                      </div>
                      <div class="message-info">
                        <span class="sender">Ing. Imrich Kamarel</span>
                        <span class="time">12 mins</span>
                        <div class="message-content">Duis aute irure dolor in reprehenderit in voluptate velit esse cillum</div>
                      </div>
                    </a>
                  </li>

                  <li>
                    <a class="green" href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="profile-photo">
                        <img src="${pageContext.request.contextPath}/wxflow/res1/assets/images/arnold-avatar.jpg" alt />
                      </div>
                      <div class="message-info">
                        <span class="sender">Arnold Karlsberg</span>
                        <span class="time">1 hour</span>
                        <div class="message-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
                      </div>
                    </a>
                  </li>

                  <li>
                    <a href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="profile-photo">
                        <img src="${pageContext.request.contextPath}/wxflow/res1/assets/images/profile-photo.jpg" alt />
                      </div>
                      <div class="message-info">
                        <span class="sender">John Douey</span>
                        <span class="time">3 hours</span>
                        <div class="message-content">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia</div>
                      </div>
                    </a>
                  </li>

                  <li>
                    <a class="red" href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="profile-photo">
                        <img src="${pageContext.request.contextPath}/wxflow/res1/assets/images/peter-avatar.jpg" alt />
                      </div>
                      <div class="message-info">
                        <span class="sender">Peter Kay</span>
                        <span class="time">5 hours</span>
                        <div class="message-content">Ut enim ad minim veniam, quis nostrud exercitation</div>
                      </div>
                    </a>
                  </li>

                  <li>
                    <a class="orange" href="${pageContext.request.contextPath}/wxflow/res1/#">
                      <div class="profile-photo">
                        <img src="${pageContext.request.contextPath}/wxflow/res1/assets/images/george-avatar.jpg" alt />
                      </div>
                      <div class="message-info">
                        <span class="sender">George McCain</span>
                        <span class="time">6 hours</span>
                        <div class="message-content">Lorem ipsum dolor sit amet, consectetur adipisicing elit</div>
                      </div>
                    </a>
                  </li>


                  <li class="topborder"><a href="${pageContext.request.contextPath}/wxflow/res1/#">Check all messages <i class="fa fa-angle-right"></i></a></li>
                </ul>

              </li>
			  <!-- 列表 [end] -->
			  <!-- 当前用户列表 [start] -->
              <li class="dropdown divided user" id="current-user">
                <div class="profile-photo">
                  <img src="${pageContext.request.contextPath}/wxflow/res1/assets/images/random-avatar8.png" alt />
                </div>
                <a class="dropdown-toggle options" data-toggle="dropdown" href="${pageContext.request.contextPath}/wxflow/res1/#">
                  雨落天晴 <i class="fa fa-caret-down"></i>
                </a>
                
                <ul class="dropdown-menu arrow settings">

                  <li>
                    
                    <h3>Backgrounds:</h3>
                    <ul id="color-schemes">
                      <li><a href="${pageContext.request.contextPath}/wxflow/res1/#" class="bg-1"></a></li>
                      <li><a href="${pageContext.request.contextPath}/wxflow/res1/#" class="bg-2"></a></li>
                      <li><a href="${pageContext.request.contextPath}/wxflow/res1/#" class="bg-3"></a></li>
                      <li><a href="${pageContext.request.contextPath}/wxflow/res1/#" class="bg-4"></a></li>
                      <li><a href="${pageContext.request.contextPath}/wxflow/res1/#" class="bg-5"></a></li>
                      <li><a href="${pageContext.request.contextPath}/wxflow/res1/#" class="bg-6"></a></li>
                    </ul>

                    <div class="form-group videobg-check">
                      <label class="col-xs-8 control-label">Video BG</label>
                      <div class="col-xs-4 control-label">
                        <div class="onoffswitch greensea small">
                          <input type="checkbox" name="onoffswitch" class="onoffswitch-checkbox" id="videobg-check">
                          <label class="onoffswitch-label" for="videobg-check">
                            <span class="onoffswitch-inner"></span>
                            <span class="onoffswitch-switch"></span>
                          </label>
                        </div>
                      </div>
                    </div>

                  </li>

                  <li class="divider"></li>

                  <li>
                    <a href="#"><i class="fa fa-user"></i> Profile</a>
                  </li>

                  <li>
                    <a href="#"><i class="fa fa-calendar"></i> Calendar</a>
                  </li>

                  <li>
                    <a href="#"><i class="fa fa-envelope"></i> Inbox <span class="badge badge-red" id="user-inbox">3</span></a>
                  </li>

                  <li class="divider"></li>

                  <li>
                    <a href="#"><i class="fa fa-power-off"></i> Logout</a>
                  </li>
                </ul>
              </li>
			  <!-- 当前用户列表 [end] -->
			  <!-- 跳转到用户聊天信息 [start] -->
              <li>
                <a href="#mmenu"><i class="fa fa-comments"></i></a>
              </li>
			  <!-- 跳转到用户聊天信息 [end] -->
            </ul>
            <!-- /Quick Actions -->
			<!-- 顶部菜单 [end] -->


			<!-- 左边菜单 [start] -->
            <!-- Sidebar -->
            <ul class="nav navbar-nav side-nav" id="sidebar">
              
              <li class="collapsed-content"> 
                <ul>
                  <li class="search"><!-- Collapsed search pasting here at 768px --></li>
                </ul>
              </li>

              <li class="navigation" id="navigation">
                <a href="#" class="sidebar-toggle" data-toggle="#navigation">导航栏<i class="fa fa-angle-up"></i></a>
                
                <ul class="menu">
                  
                  <li id="menu_indexDb">
                    <a href="${pageContext.request.contextPath}/wxflow/index.jsp?menu=index" id="btn_indexDb" data-menu="indexDb">
                      <i class="fa fa-tachometer"></i> 数据驾驶舱
                      <span class="label label-greensea">新增在线人数报表</span>
                    </a>
                  </li>

                  <li class="dropdown" id="menu_user">
                    <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                      <i class="fa fa-list"></i> 用户管理<b class="fa fa-plus dropdown-plus"></b>
                    </a>
                    <ul class="dropdown-menu">
                      <li class="" id="menu_user_list">
                        <a href="${pageContext.request.contextPath}/wxflow/user_list.jsp?menu=user_list" id="btn_user_list" >
                          <i class="fa fa-caret-right"></i>用户列表
                        </a>
                      </li>
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/user.jsp?menu=user_report">
                          <i class="fa fa-caret-right"></i>用户报表
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <i class="fa fa-desktop"></i> 我的流程<b class="fa fa-plus dropdown-plus"></b>
                    </a>
                    <ul class="dropdown-menu">
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/res1/login.html">
                          <i class="fa fa-caret-right"></i>待审批
                        </a>
                      </li>
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/res1/calendar.html">
                          <i class="fa fa-caret-right"></i>已审批
                        </a>
                      </li>
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/res1/calendar.html">
                          <i class="fa fa-caret-right"></i>所有流程
                        </a>
                      </li>
                    </ul>
                  </li>
                  <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      <i class="fa fa-gear"></i> 配置管理<b class="fa fa-plus dropdown-plus"></b>
                    </a>
                    <ul class="dropdown-menu">
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/res1/login.html">
                          <i class="fa fa-caret-right"></i>组织配置
                        </a>
                      </li>
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/res1/calendar.html">
                          <i class="fa fa-caret-right"></i>网站配置
                        </a>
                      </li>
                      <li>
                        <a href="${pageContext.request.contextPath}/wxflow/res1/calendar.html">
                          <i class="fa fa-caret-right"></i>模版配置
                        </a>
                      </li>
                    </ul>
                  </li>


                </ul>

              </li>
			 <!-- 统计访问人数 [start] -->
              <li class="summary" id="order-summary">
                <a href="#" class="sidebar-toggle underline" data-toggle="#order-summary">访问人数<i class="fa fa-angle-up"></i></a>

                <div class="media">
                  <a class="pull-right" href="#">
                    <span id="sales-chart"></span>
                  </a>
                  <div class="media-body">
                    本周访问
                    <h3 class="media-heading">26, 149</h3>
                  </div>
                </div>

              </li>
			 <!-- 统计访问人数 [End] -->

              
            </ul>
            <!-- Sidebar end -->
            <!-- 左边菜单 [end] -->





          </div>
          <!--/.nav-collapse -->





        </div>
        <!-- Fixed navbar end -->